<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <!--覆盖上列样式  -->
   
    <link rel="stylesheet" href="res/layui/css/layui.css">
    <link rel="stylesheet" href="res/css/global.css">
    <link rel="stylesheet" href="res/css/style.css"/>

<style>


 .personal-r .screen-t {
  height: 16px;
  margin: 30px 0 20px 0;
}
 .personal-r .screen-t .s-cate {
  float: left;
  font-size: 16px;
  color: #4A4A4A;
  letter-spacing: 0;
  line-height: 16px;
  margin-left: 56px;
}
 .personal-r .screen-t .s-box {
  float: right;
  margin-right: 75px;
  font-size: 16px;
  color: #9B9B9B;
  line-height: 16px;
  position: relative;
}
 .personal-r .screen-t .s-box .s-btn {
  font-size: 16px;
  color: #4A4A4A;
  text-decoration: none;
}
 .personal-r .screen-t .s-box .s-condition {
  z-index: 500;
  display: none;
  position: absolute;
  right: -24px;
  bottom: -140px;
  width: 80px;
  height: 126px;
  background-color: #efefef;
}
 .personal-r .screen-t .s-box .s-condition .cond-list {
  overflow: hidden;
  padding-top: 24px;
}
 .personal-r .screen-t .s-box .s-condition .cond-list .cond-item {
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
}
 .personal-r .screen-t .s-box .s-condition .cond-list .cond-item .c-cate-btn {
  font-size: 14px;
  color: #4A4A4A;
  letter-spacing: 0;
  line-height: 14px;
}
 .personal-r .screen-t .s-box .s-condition .cond-list .cond-item .c-cate-btn:hover {
  color: #2F5AFF;
}
 .personal-r .screen-b {
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 20px;
}
 .personal-r .screen-b .s-t-box {
  width: 100%;
/*  padding: 0 75px;*/
  line-height: 76px;
  font-size: 16px;
  color: #9B9B9B;
  letter-spacing: 0;
}
 .personal-r .screen-b .s-t-box p {
  display: inline-block;
}
 .personal-r .screen-b .s-t-box p em {
  font-style: normal;
}
 .personal-r .screen-b .s-t-box .s-date {
  margin-right: 82px;
  float: left;
}
 .personal-r .screen-b .s-t-box .s-exp {
  margin-right: 20px;
}
 .personal-r .screen-b .s-t-box .tog-btn {
  display: inline-block;
  float: right;
  font-size: 16px;
  color: #4A4A4A;
}
 .personal-r .screen-b .bill {
  display: block;
  padding-bottom: 30px;
  width: 801px;
  margin: 0 auto 30px;
  border: none;
  border-top: 1px solid #EEEEEE;
}
 .personal-r .screen-b .bill tbody tr td {
  line-height: 76px;
  padding: 0;
}
 .personal-r .screen-b .bill tbody tr td:first-child {
  font-weight: 700;
}
 .personal-r .screen-b .bill tbody tr td:last-child {
  color: #9B9B9B;
}
 .personal-r .screen-b .bill tbody tr .plus {
  cursor: pointer;
  font-size: 16px;
  color: #FFBD00;
}
 .personal-r .screen-b .bill tbody tr .d-style {
  position: relative;
}
 .personal-r .screen-b .bill tbody tr .d-style:hover .billing-detail {
  display: block;
}
 .personal-r .screen-b .bill tbody tr .d-style .billing-detail {
  display: none;
  padding: 0 39px;
  position: absolute;
  z-index: 500;
  top: 56px;
  left: -156px;
  width: 382px;
  height: 248px;
  background: #F7F8FF;
  box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
 .personal-r .screen-b .bill tbody tr .d-style .billing-detail .billing-con {
  margin-top: 48px;
}
 .personal-r .screen-b .bill tbody tr .d-style .billing-detail .billing-con .bil-item {
  height: 14px;
  width: 100%;
  margin-bottom: 15px;
}
 .personal-r .screen-b .bill tbody tr .d-style .billing-detail .billing-con .bil-item:first-child {
  height: 24px;
  padding-bottom: 10px;
  border-bottom: 1px solid #DAE0FD;
}
 .personal-r .screen-b .bill tbody tr .d-style .billing-detail .billing-con .bil-item:first-child .left-name {
  font-size: 14px;
  color: #36404A;
  letter-spacing: 0;
  line-height: 14px;
}
 .personal-r .screen-b .bill tbody tr .d-style .billing-detail .billing-con .bil-item .left-name {
  width: 70px;
  float: left;
  font-size: 14px;
  color: #9B9B9B;
  letter-spacing: 0;
  line-height: 14px;
  text-align: justify;
  display: block;
}
 .personal-r .screen-b .bill tbody tr .d-style .billing-detail .billing-con .bil-item .right-detail {
  float: right;
  font-size: 14px;
  color: #4A4A4A;
  letter-spacing: 0;
  text-align: right;
  line-height: 14px;
}


</style>

  <body >
 



   <div class="header">
      <div class="main">
         <a href="main.html"><img class="fl logoimg" src="res/images/fly.jpg"></a>
            <a class="title fl" href="#">
          我是学生</a>
         <a class="title fl" href="#"> 
          帮助中心</a>
       
        <div class="nav-user">

            <div class="fl user-header-top">
            <a class="lindang" href="">
            <img src="res/images/tx.png">
            </a>
         <div class="tanshow">
            <div class="triangle"></div>
          <div class="personal-fun ">

              <ul>
                  <li class="fun-list">
                      <a href="javascript:;">粉丝</a>
                  </li>
                  <li class="fun-list">
                      <a href="javascript:;">课程标签</a>
                  </li>
                  <li class="fun-list">
                      <a href="javascript:;">系统通知</a>
                  </li>
              </ul>
              </div>
             </div>
              </div>
            <div class="fl user-header-top">
            <a class="lindang "  href="">
            <img src="res/images/xx.png">
            </a>
                        <div class="tanshow">
            <div class="triangle"></div>
          <div class="personal-fun ">

              <ul>
                  <li class="fun-list">
                      <a href="javascript:;">私聊</a>
                  </li>
                  <li class="fun-list">
                      <a href="javascript:;">群聊</a>
                  </li>
               
              </ul>
              </div>
             </div>
            </div>
         <div class="fl user-header-top">
            <a   class="iconfont   icon-touxiang layui-hide-xs" style="margin-top: 4px; display: inline-block;">
            </a>

            <div class="tanshow">
            <div class="triangle"></div>
          <div class="personal-fun ">

              <ul>
                     <li class="fun-list">
                      <a href="setting.html">系统设置</a>
                  </li>
                  <li class="fun-list">
                      <a href="javascript:;">退出登录</a>
                  </li>
              </ul>
              </div>
             </div>
          </div>
        </div>
      </div>
    </div>




     <div class="risk_wrap" >
      <!--左侧导航开始-->
        <div class="risk_left fl">
            <!--头像开始-->
      <div class="risk_portrait over_flow">
                <div class="portrait_img">
                
                
                    <img src="res/images/FullSizeRender.png" id="openPortrait"
                        data-toggle="modal" data-target="#avatar-modal" alt=""/>
                
             <!--  <div class="mask5 mask1" style="display: none;" id="maskPortrait">
                <form id="updatePortraitForm" action="">
                    <div class="mask_wrap width520" id="formPortrait" style="display: none;">
                        <h3><span class="fl">上传头像</span><i class="mask_close fr" id="closePortrait"></i></h3>
                        <div class="mask_con over_flow mab20 mat30">
                            <div class="btn_mask margin_auto relative width380">
                                <input class="input_tupian fl" type="text" id="name">
                                <div class="input_btn fr relative">
                                    <input type="button" value="选择文件">
                                    <input class="" type="file" name="file" id="file" />
                                </div>
                                
                            </div>
                            <p class="margin_auto width380 mat10 font12 color_81">您可以上传JPG、GIF或PNG文件</p>
                            <div style="text-align: center;color: red;" id="message"></div>
                        </div>
                        <div class="btn_mask margin_auto relative width_275">
                            <span class="width_275"></span>
                            <a class="width_275 bg_0083c3" href="javascript:;" id="updatePortrait">上传</a>
                        </div>
                    </div>
                    </form>
                </div>   -->
                <input type="hidden" id="userMemberGradeId" value="1"/>
           <!--          <div class="grade" id="memberLevel">体验卡会员</div> -->
                </div>
                <p><span id="greetTxt"></span><span></span>大林</p>
                    <div class="huiid">所属机构：火星时代</div>
                    <div class="huiid">ID：21312</div>   
                 
                <div class="authentication">
                    <!--安全认证-->
                    <a href="#"><li><div>6</div><div>课程</div></li></a>
                    <!--手机认证-->
                    <a href="#"><li><div>23</div><div>粉丝</div></li></a>
                    <!--银行卡认证-->
                    <a href="#"><li><div>23</div><div>关注</div></li></a>
                </div>
                <div class="clear"></div>
               <a href="addclassstep.html" target="_blank"><div class="borderbutton">创建课程</div> </a>
            </div>
            <!--头像结束-->
            <!--菜单开始-->
            <div class="bordertop"></div>
            <ul class="risk_menu over_flow">
                  <li>         
                        <div data-open='1' class="menu_first menu_first_1 ">
                        <i></i>
                        <a class="fl" href="main.html">后台首页</a>
                    </div>
                   
                </li>
                  <li>
                    <div data-open='1' class="menu_first menu_first_2 ">
                 
                        <a class="fl" >基础管理</a>
                        <i class="icon fr risk_arrow"></i>
                    </div>
                    <div class="menu_second">
                    
                           <a href="renzhengcenter.html">认证中心</a>
                            <a href="tuanduicenter.html">团队主页</a>
                            <a href="chengyuangl.html">成员管理</a>
                        
                    </div>
                </li>
              <li>
                    <div data-open='1' class="menu_first menu_first_2 ">
                 
                        <a class="fl" >教学教务</a>
                        <i class="icon fr risk_arrow"></i>
                    </div>
                    <div class="menu_second">
                    
                              <a href="kechengrili.html">课程日历</a>
                            <a href="kechengguanli.html">课程管理</a>
                            <a href="cailiaoguanli.html">材料管理</a>
                            <a href="zuoyeguanli.html">作业管理</a>
                            <a href="pingjiaguanli.html">评价管理</a>
                    </div>
                </li>
                <li >
                
                        
                        <div data-open='1' class="menu_first menu_first_3">
                
                        <a class="fl">财务管理</a>
                            <i class="icon fr risk_arrow"></i>
                    </div>
                     <div class="menu_second">
                    
                     
                            <a href="myzhanghu.html">我的账户</a>
                            <a href="jiesuanguanli.html">结算管理</a>
                            <a href="myorder.html">我的订单</a>
                     
                    </div>
                </li>
                <li>
                    <div data-open='1'  class="menu_first  menu_first_4">
                 
                        <a class="fl" >数据中心</a>
                        <i class="icon fr risk_arrow"></i>
                    </div>
                    <div class="menu_second">
                     
                              <a href="kechengdianji.html">课程点击量</a>
                            <a href="orderchengjiao.html">订单成交量</a>
                            <a href="chengjiaomoney.html">成交金额</a>
                            
                    </div>
                </li>
                <li>
                    <div data-open='1' class="menu_first  menu_first_5">
                     
                        <a class="fl" >营销推广</a>
                        <i class="icon fr risk_arrow"></i>
                    </div>
                    <div class="menu_second">
                        <a href="youhuiquan.html">优惠券管理</a>
                     
                    </div>
                </li>
                   <!--       <li>
                    <div data-open='1' class="menu_first  menu_first_6">
                     
                        <a class="fl" >我的账户</a>
                        <i class="icon fr risk_arrow"></i>
                    </div>
                    <div class="menu_second">       
                          <a href="zhanghuyue.html">账户余额</a>
                            <a href="myzhangdan.html">我的账单</a>
                            <a href="mycard.html">我的银行卡</a>
                            <a href="zhanghusetting.html">账户设置</a>

                    </div>
                </li> -->
                        <li >         
                        <div data-open='1' class="menu_first menu_first_1 ">
                        <i></i>
                        <a class="fl">个人中心</a>
                    </div>
                         <div class="menu_second ">
                       <a href="gerenzhuye.html">个人资料</a>
                    </div>
                </li>
            </ul>
            <!--菜单结束-->
        </div>
         
     <!--右侧内容开始-->
        <div class="account_right fr" >



            <h3 class="risk_title"><span class="fl">指标中心</span></h3>
            <div class="basic_infor">
        <div class="personal-r">
 
          
            <div class="screen-t">
                <p class="s-cate">积分详情</p>
                <div class="s-box">筛选
                    <i class="layui-icon-right layui-icon"></i>
                    <a href="javascript:;" class="s-btn">全部</a>
                    <div class="s-condition">
                        <ul class="cond-list">
                            <li class="cond-item">
                                <a href="javascript:;" class='c-cate-btn'>全部</a>
                            </li>
                            <li class="cond-item">
                                <a href="javascript:;" class='c-cate-btn'>兑换</a>
                            </li>
                            <li class="cond-item">
                                <a href="javascript:;" class='c-cate-btn'>任务</a>
                            </li>
                        </ul>
                    </div>
                </p>
            </div>
        </div>
            <div class="screen-b">
                <div class="s-t-box">
                    <p class="s-date">2018-11-02</p>
                    <p class="s-exp">支出：<em>2553南瓜币</em></p>
                    <p class="s-inc">收入：<em>2553南瓜币</em></p>
                    <a href="JavaScript:;" class="tog-btn">收起</a>
                </div>
                <table class="layui-table bill" lay-skin="line">
                    <colgroup>
                        <col width="302">
                        <col width="333">
                        <col width="165">
                    </colgroup>
                    <tbody>
                    <tr>
                        <td>任务</td>
                        <td class="plus d-style">
                            +5000
                        <div class="billing-detail">
                            <ul class="billing-con">
                                <li class="bil-item">
                                    <span class="left-name">数量</span>
                                    <span class="right-detail plus">+5000</span>
                                </li>
                                <li class="bil-item">
                                    <span class="left-name">类型</span>
                                    <span class="right-detail">打赏-慧慧打赏了鲜花</span>
                                </li>
                                <li class="bil-item">
                                    <span class="left-name">数量</span>
                                    <span class="right-detail">1</span>
                                </li>
                                <li class="bil-item">
                                    <span class="left-name">时间</span>
                                    <span class="right-detail">2018-11-05&nbsp23：11</span>
                                </li>
                                <li class="bil-item">
                                    <span class="left-name">交易单号</span>
                                    <span class="right-detail">13131313313</span>
                                </li>
                                <li class="bil-item">
                                    <span class="left-name">剩余金额</span>
                                    <span class="right-detail">22545</span>
                                </li>
                            </ul>
                        </div>
                        </td>
                        <td>11-02&nbsp 05:36</td>
                    </tr>
                    <tr>
                        <td>商城兑换</td>
                        <td class="sub d-style">-5000
                            <div class="billing-detail">
                                <ul class="billing-con">
                                    <li class="bil-item">
                                        <span class="left-name">数量</span>
                                        <span class="right-detail sub">+5000</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">类型</span>
                                        <span class="right-detail">打赏-慧慧打赏了鲜花</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">数量</span>
                                        <span class="right-detail">1</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">时间</span>
                                        <span class="right-detail">2018-11-05&nbsp23：11</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">交易单号</span>
                                        <span class="right-detail">13131313313</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">剩余金额</span>
                                        <span class="right-detail">22545</span>
                                    </li>
                                </ul>
                            </div>
                        </td>
                        <td>11-02&nbsp 05:36</td>
                    </tr>
                    <tr>
                        <td>商城兑换</td>
                        <td class="sub d-style">-5000
                            <div class="billing-detail">
                                <ul class="billing-con">
                                    <li class="bil-item">
                                        <span class="left-name">数量</span>
                                        <span class="right-detail sub">+5000</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">类型</span>
                                        <span class="right-detail">打赏-慧慧打赏了鲜花</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">数量</span>
                                        <span class="right-detail">1</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">时间</span>
                                        <span class="right-detail">2018-11-05&nbsp23：11</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">交易单号</span>
                                        <span class="right-detail">13131313313</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">剩余金额</span>
                                        <span class="right-detail">22545</span>
                                    </li>
                                </ul>
                            </div>
                        </td>
                        <td>11-02&nbsp 05:36</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="screen-b">
                <div class="s-t-box">
                    <p class="s-date">2018-11-02</p>
                    <p class="s-exp">支出：<em>2553南瓜币</em></p>
                    <p class="s-inc">收入：<em>2553南瓜币</em></p>
                    <a href="JavaScript:;" class="tog-btn">收起</a>
                </div>
                <table class="layui-table bill" lay-skin="line">
                    <colgroup>
                        <col width="302">
                        <col width="333">
                        <col width="165">
                    </colgroup>
                    <tbody>
                    <tr>
                        <td>任务</td>
                        <td class="plus d-style">+5000
                            <div class="billing-detail">
                                <ul class="billing-con">
                                    <li class="bil-item">
                                        <span class="left-name">数量</span>
                                        <span class="right-detail plus">+5000</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">类型</span>
                                        <span class="right-detail">打赏-慧慧打赏了鲜花</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">数量</span>
                                        <span class="right-detail">1</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">时间</span>
                                        <span class="right-detail">2018-11-05&nbsp23：11</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">交易单号</span>
                                        <span class="right-detail">13131313313</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">剩余金额</span>
                                        <span class="right-detail">22545</span>
                                    </li>
                                </ul>
                            </div>
                        </td>
                        <td>11-02&nbsp 05:36</td>
                    </tr>
                    <tr>
                        <td>商城兑换</td>
                        <td class="sub d-style">-5000
                            <div class="billing-detail">
                                <ul class="billing-con">
                                    <li class="bil-item">
                                        <span class="left-name">数量</span>
                                        <span class="right-detail sub">+5000</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">类型</span>
                                        <span class="right-detail">打赏-慧慧打赏了鲜花</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">数量</span>
                                        <span class="right-detail">1</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">时间</span>
                                        <span class="right-detail">2018-11-05&nbsp23：11</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">交易单号</span>
                                        <span class="right-detail">13131313313</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">剩余金额</span>
                                        <span class="right-detail">22545</span>
                                    </li>
                                </ul>
                            </div>
                        </td>
                        <td>11-02&nbsp 05:36</td>
                    </tr>
                    <tr>
                        <td>商城兑换</td>
                        <td class="sub d-style">-5000
                            <div class="billing-detail">
                                <ul class="billing-con">
                                    <li class="bil-item">
                                        <span class="left-name">数量</span>
                                        <span class="right-detail sub">+5000</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">类型</span>
                                        <span class="right-detail">打赏-慧慧打赏了鲜花</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">数量</span>
                                        <span class="right-detail">1</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">时间</span>
                                        <span class="right-detail">2018-11-05&nbsp23：11</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">交易单号</span>
                                        <span class="right-detail">13131313313</span>
                                    </li>
                                    <li class="bil-item">
                                        <span class="left-name">剩余金额</span>
                                        <span class="right-detail">22545</span>
                                    </li>
                                </ul>
                            </div>
                        </td>
                        <td>11-02&nbsp 05:36</td>
                    </tr>
                    </tbody>
                </table>
            </div>
         
        </div>

            </div>
   

        


        </div>
        <!--右侧内容结束-->
    </div>
<!-- 
<div id="chongzhi" class="white_content">

       <div class="con">
         <p>充&nbsp;&nbsp;值</p>
         <div class="cont">
       <div class="error"></div>
        <div class="p">可用金额（元）:12323</div>
        <div class="p">充值金额（元）:
        <input type="text" name="czje" placeholder="请输入充值金额"/></div>
        <div class="confirm_cha" id='qdcz'>确定充值</div>  
         <div class="center1"><input class="checkbox" type="checkbox" />我已经同意并阅读《小何在线用户服务协议》。</div>
      </div>
      </div>
</div> -->



  <div class="black_overlay"></div>


  <!-- 底部结束 -->
    <!--账户总览结束-->

<script src="res/layui/layui.js"></script>
<script src="res/js/select.js"></script>
 <script src="res/js/jquery-1.9.1.min.js"></script>
 <script src="res/js/script.js"></script>


<script>
layui.use(['form', 'layedit', 'laydate'], function(){
  var form = layui.form
  ,layer = layui.layer
  ,layedit = layui.layedit
  ,laydate = layui.laydate;
  

$(".s-btn").on('click',function (e) {
    e.stopPropagation()
    $(".s-condition").fadeToggle()
})

$(document).on('click',function(e){
    var _con=$('.s-condition');
    if(!_con.is(e.target) && _con.has(e.target).length===0){
        $('.s-condition').fadeOut();
    }
})

for(var i=0;i<$(".tog-btn").length;i++){
    $(".tog-btn").eq(i).on('click',function () {
        $(this).parent().siblings().fadeToggle();
        if($(this).text()==='展开'){
            $(this).text('收起')
        }else{
            $(this).text('展开')
        }
    })
}
  
});
</script>
</body>
</html>